@charset "utf-8";
//载入公共模板样式
@import "common/reset";
@import "common/common";
/*             主内容样式                       */

.lie{
    @include auto;
    .tx{
        height: 1px;
        border-top: 1px solid #6DB5FF;
        position: relative;
        margin-top: 45px;
        &::before{
            @include tixin;
        }
        .top{
            @include top;
        }
    }
    .menu{
        margin-top: 55px;
        margin-bottom: 18px;
        >li{  
            line-height: 30px;
            font-size: 12px;
            margin-bottom: 6px;
            span{
                display: inline-block;
                vertical-align: middle;
            }
            .ico{
                width: 38px;
                height: 38px;
                img{
                    width: 100%;
                }
            }
            a{
                &:first-of-type{
                    color: #6DB5FF;
                    font-size: 14px;
                }
                &:hover{
                    color: #FFFFFF;
                    background-color: #000000;
                }
            }
            
        }
        .active{
                a{
                    color: #FFFFFF;
                    background-color: #000000;
                } 
            }
    }
    .tab{
        width: 900px;
        table-layout:fixed;
        border-bottom: 1px solid #B6DAFF;
        background: url(../img/back.png) no-repeat;
        tr{
            height: 36px;
            text-align: center;
            &:first-of-type{
                height: 38px; 
            }
            &~tr{
                background-color: #FAFAFA;
            }
            th{
                &:first-of-type{ 
                    width: 71px;
                }
                &:nth-of-type(2){
                    width: 172px;
                }
                &:nth-of-type(3){
                    width: 124px;
                }
                &:nth-of-type(4){
                    width: 170px;
                }
                &:nth-of-type(5){
                    width: 122px;
                }
                &:nth-of-type(6){
                    width: 172px;
                }
                &:last-of-type{
                    width: 72px;
                }
            }
            td{
                font-size: 12px;
                white-space: nowrap;
                text-overflow: ellipsis;  
                overflow: hidden;  
            }
        }
    }
    .page{
        width: 900px;
        margin: 18px auto;
        text-align: center;
        a{
            display: inline-block;
            font-size: 12px;
            padding: 0 6px;
            line-height: 18px;
            background-color: #E4E4E4;
            display: inline-block;
            &:hover{
                background-color: #6DB5FF;
                color: #FFFFFF;
            }
        }
        .active{
            background-color: #6DB5FF;
            color: #FFFFFF;
        }
    }
}